.page-chat {
    /*overflow: hidden;*/
    /*overflow-y: auto;*/
}

.chat-header-container {
    display: flex;
    justify-content: start;
    align-items: center;

    h2 {
        font-size: 3vh;
        margin-left: 5vw;
    }

    h3 {
        margin-left: 2vw;
        font-size: 2vh;
    }

    svg {
        width: 7vw;
        height: 7vw;
        margin-right: 5vw;
    }

    .chat-header-clean {
        flex-grow: 1;
        color: #868585;
        font-size: 2vh;
        font-weight: 100;
        margin-left: 4vw;
    }
}

.chat-content-container {
    div {
        /*border: 1px solid black;*/
    }

    border-top-right-radius: 5vw;
    border-top-left-radius: 5vw;
    background-color: #e5eaf0;
    height: 90vh;
    padding-top: 2vh;
}

.chat-msg-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 3vh;

    img {
        width: 20vw;
        height: 20vw;
        border-radius: 5vw;
    }
}

.chat-msg-item-content-box {
    width: 65vw;
    height: 20vw;
    border-bottom: 1px solid #c2c1c1;

    .chat-msg-item-content {
        width: 100%;
        font-size: 4vw;
        color: #656565;
        line-height: 4vh;
    }
}

.chat-msg-item-title-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;

    .chat-msg-item-title {
        line-height: 4.8vh;

        font-size: 2.7vh;
    }

    .chat-msg-item-time {
        font-size: 1.5vh;
        color: #868585;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}



